
.sy-comment-operation{
  margin-top: 8px;
  display: flex;
  align-items: center;
  @mixin btn-icon($url){
    cursor: pointer;
    &:hover{
      opacity: .6;
    }
    &::before{
      content: '';
      display: inline-block;
      margin-right: 5px;
      vertical-align: -4px;
      width: 18px;
      height: 18px;
      background: $url;
      background-size: cover;
    }
  }
  .emoji{
    @include btn-icon(url('https://www.unitimes.pro/_nuxt/img/6a2dc1b.svg'));
    color: $theme-color;
  }
  .img-btn{
    flex: 0 0 auto;
    margin-left: 20px;
    color: $theme-color;
    @include btn-icon(url('https://www.unitimes.pro/_nuxt/img/48b13eb.svg'));
  }
  .submit{
    flex: 0 0 auto;
    margin-left: auto;
  }
}